<header class="top header-v1 desktops-section default-top">
    <div class="top-main">
        <div class="page-width clearfix">
            <div class="logo" skinobjectzone="HtmlLogo_399"><a href="#"><img src="__INDEX__/images/logo.png"
                        alt="视觉摄影" /></a></div>

            <div class="top-main-content clearfix">
                <nav class="nav">
                    <div class="main-nav clearfix" skinobjectzone="menu_468">
                        <ul class="sf-menu">
                            <li {eq name="curr" value="0"}class="current"{/eq}><a class="first-level" href="{:('index/index/index')}" target><strong>{$Think.lang.Index}</strong></a><i></i>
                            </li>
                            {volist name="cate" id="vo"}
                            <li {eq name="$curr" value="$vo.type"}class="current"{/eq}><a class="first-level" href="{$vo.type|makeurl=###,$vo.id}" target><strong>{$vo.cate_name}</strong></a><i></i>
                                <ul class>
                                    {volist name="$vo['child']" id="ch"}
                                    <li class><a class href="{$vo.type|makeurl=###,$vo.id}" target><strong>{$ch.cate_name}</strong></a></li>
                                    {/volist}
                                </ul>
                            </li>
                            {/volist}


                        </ul>
                    </div>
                </nav>
            </div>

            <div class="language" skinobjectzone="HtmlLanguage_1279">
                <ul class="sf-menu">
                    <li><a href="javascript:;" class="first-level"><span><em>  {$Think.lang.English}</em></span></a>
                        <ul>
                            <li><a href="javascript:;" onclick="setlang('zh-cn')"><span><em>{:lang('zh-cn')}</em></span></a></li>
                            <li><a href="javascript:;" onclick="setlang('en-us')"><span><em>{:lang('en-us')}</em></span></a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="clear"></div>
</header>
<div class="touch-top mobile-section clearfix">
    <div class="touch-top-wrapper clearfix">
        <div class="touch-logo" skinobjectzone="HtmlLogo_2654"><a class href="#"><img src="__INDEX__/images/logo.png"
                    alt="中英双语响应式视觉艺术摄影类织梦模板(自适应手机端)" /></a></div>

        <div class="touch-navigation">
            <div class="touch-toggle">
                <ul>
                    <li class="touch-toggle-item-first"><a href="javascript:;" class="drawer-language"
                            data-drawer="drawer-section-language"><i class="touch-icon-language"></i><span>语言</span></a>
                    </li>
                    <li class="touch-toggle-item-last"><a href="javascript:;" class="drawer-menu"
                            data-drawer="drawer-section-menu"><i class="touch-icon-menu"></i><span>导航</span></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="touch-toggle-content touch-top-home">
        <div class="drawer-section drawer-section-language">
            <ul class="touch-language clearfix" skinobjectzone="HtmlLanguage_2927">
               <li><a href="javascript:;" onclick="setlang('zh-cn')"><span><em>{:lang('zh-cn')}</em></span></a></li>
               <li><a href="javascript:;" onclick="setlang('en-us')"><span><em>{:lang('en-us')}</em></span></a></li>
            </ul>
        </div>
        <div class="drawer-section drawer-section-menu">
            <div class="touch-menu" skinobjectzone="menu_3145">
                <ul>
                    <li><a href="{:url('indx/index/index')}"><span>首页</span></a></li>
                    {volist name="cate" id="vo"}
                    <li class><a class="first-level" href="{$vo.type|makeurl=###,$vo.id}" target><strong>{$vo.cate_name}</strong></a><i></i>
                        <ul class>
                            {volist name="$vo['child']" id="ch"}
                            <li><a href="{$vo.type|makeurl=###,$vo.id}"><span>{$ch.cate_name}</span></a></li>
                            {/volist}
                        </ul>
                    </li>
                    {/volist}

                </ul>
            </div>
        </div>
        <script type="text/javascript">
        // 切换语言
              function setlang(lang){
        $.post("{:url('base/setlang/setlang')}",{lang:lang},function(res){
            console.log(res)
            if (res==1) {
                window.location.reload();
            }
        })
    }
            $(document).ready(function () {



                $(".touch-toggle a").click(function (event) {

                    var className = $(this).attr("data-drawer");



                    if ($("." + className).css('display') == 'none') {

                        $("." + className).slideDown().siblings(".drawer-section").slideUp();

                    } else {

                        $(".drawer-section").slideUp();

                    }

                    event.stopPropagation();

                });



                $(document).click(function () {

                    $(".drawer-section").slideUp();

                })



                $('.touch-menu a').click(function () {

                    if ($(this).next().is('ul')) {

                        if ($(this).next('ul').css('display') == 'none') {

                            $(this).next('ul').slideDown();

                            $(this).find('i').attr("class", "touch-arrow-up");

                        } else {

                            $(this).next('ul').slideUp();

                            $(this).next('ul').find('ul').slideUp();

                            $(this).find('i').attr("class", "touch-arrow-down");

                        }

                    }

                });

            });

        </script>
    </div>
</div>